<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/confirm.css" />
		<link rel="stylesheet" type="text/css" href="../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
	</head>

	<body>
		<h1>
			<i class="iconfont icon-daohanggouwuche"></i>
			购物车
		</h1>

		<div class="cart_body">
			<p>填写订单信息</p>
			<div id="cart_steps" class="steps">
				<table width="100%">
					<tbody>
						<tr>
							<td class="step-item step-1 active"><span>购物车</span></td>
							<td class="step-item step-2"><span>填写和提交订单信息</span></td>
							<td class="step-item step-3"><span>成功提交订单</span></td>
						</tr>
					</tbody>
				</table>
			</div>

			<!--收货信息-->
			<div class="getgoods">
				<h3 class="head_info">收货信息</h3>
				<ul class="input_info">
					<li>
						<label><span class="red_span">*</span>收货地区：</label>
						<select class="province">
							<option value="">请选择省份</option>
						</select>
						<select class="city">
							<option value="">请选择城市</option>
						</select>
						<select class="district">
							<option value="">请选择区县</option>
						</select>
					</li>
					<li>
						<div>
							<label><span class="red_span">*</span>收货地址：</label>
							<input type="text" class="address"></input>
						</div>
					</li>
					<li>
						<label class="address">邮编：</label>
						<input type="text" class="post_code" />
					</li>
					<li><label><span class="red_span">*</span>收货人姓名：</label>
						<input type="text" class="user_name" />
					</li>
					<li>
						<label>手机：</label>
						<input type="text" class="mobile_phone" />手机号码和固定电话至少填写一个
					</li>
					<li>
						<label>固定电话：</label>
						<input type="text" class="telephone" />
					</li>
					<li>
						<div class="send_time">
							<input type="checkbox" checked="" /> 指定送货时间
							<select name="">
								<option value="">任意日期</option>
								<option value="">仅工作日</option>
								<option value="">仅休息日</option>
								<option value="">指定日期</option>
							</select>
							<select name="">
								<option value="">任意时间段</option>
								<option value="">上午（9：00-12：00）</option>
								<option value="">下午（12:00-18:00）</option>
								<option value="">晚上（18:00-21:00）</option>
							</select>
						</div>
					</li>
				</ul>
				<button class="confirm_btn" style="margin-top: 10px;margin-left: 64px;">确认收货信息</button>
			</div>

			<!--配送方式-->
			<div class="delivery">
				<h3 class="head_info">配送方式</h3>
				<table class="change-delivery">
					<thead>
						<tr>
							<th>配送方式</th>
							<th>运费</th>
							<th>说明</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><input type="radio" class="" />中通速递</td>
							<td class="express">￥0.00</td>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<td><input type="radio" class="" />顺丰速递</td>
							<td class="express">￥22.00</td>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<td><input type="radio" class="" />【十年巧克力】顺丰冷链</td>
							<td class="express">￥50.00</td>
							<td>&nbsp;</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<td colspan="3"><button class="confirm_btn">确认配送方式</button></td>
						</tr>
					</tfoot>
				</table>
			</div>
			<!--支付方式-->
			<div class="pay">
				<h3 class="head_info">支付方式</h3>
				<table>
					<tbody>
						<tr>
							<th><input type="radio" /><label>支付宝</label></th>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<th><input type="radio" /><label>网银在线</label></th>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<th><input type="radio" /><label>预存款</label></th>
							<td>&nbsp;</td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<td colspan="3"><button class="confirm_btn">确认支付方式</button></td>
						</tr>
					</tfoot>
				</table>

			</div>

			<!--发票信息-->
			<div class="receipt">
				<h3 class="head_info">发票信息</h3>
				<table>
					<tbody>
						<tr>
							<td><input type="radio" /><label>不需要发票</label></td>
							<td><input type="radio" /><label>个人发票</label></td>
							<td><input type="radio" /><label>公司发票</label></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<td colspan="3"><button class="confirm_btn">确认发票信息</button></td>
						</tr>
					</tfoot>
				</table>
			</div>

			<!--商品清单-->
			<div class="bill">
				<h3 class="head_info">商品清单</h3>
				<table>
					<thead>
						<tr>
							<th>商品</th>
							<th>销售价</th>
							<th>数量</th>
							<th>优惠金额</th>
							<th>小计</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>
								<div class="p-title">
									<a href="" target="_blank">sdgfasetawew是的哈说服客户可是放大看舒服就</a>
								</div>
							</td>
							<td>
								<div class="p-price">
									<a href="" target="_blank">￥22.00</a>
								</div>
							</td>
							<td>
								<div class="p-amount">
									<a href="" target="_blank">2</a>
								</div>
							</td>
							<td>
								<div class="p-discount">
									<a href="" target="_blank">￥0.00</a>
								</div>
							</td>
							<td>
								<div class="p-total">
									<a href="" target="_blank"></a>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>

			<!--结算信息-->
			<div class="balance">
				<h3 class="head_info">结算信息</h3>
				<table>
					<tbody>
						<tr>
							<!--优惠券-->
							<td>
								<div class="order_coupon">
									<span class="unfold">+</span> <span class="fold">-</span> 使用优惠券
								</div>
								<div class="select-coupon">
									<label>选择已有优惠券</label>
									<select name="">
										<option value="">--选择优惠券--</option>
										<option value="">【SAL】-新用户注册优惠</option>
									</select>
									<button class="confirm-coupon">确定</button>
								</div>
								<div class="input_telNo">
									如您有通过站外方式获得的优惠券，请在此输入号码:
									<input type="text" />
									<button class="confirm-coupon">确定</button>
								</div>
								<div class="order_remark">
									<label>订单备注：</label>
									<textarea cols="30" rows="3" class="remark_info"></textarea>
								</div>
							</td>
							<td>
								<div class="inner">
									<ul>
										<li>
											<span class="label">商品总金额：</span>
											<span class="price">￥1341.00</span>
										</li>
										<li>
											<span class="label">运费：</span>
											<span class="price">￥0.00</span>
										</li>
										<li>
											<span class="label total_label">总金额：</span>
											<span class="price  total_price">￥1341.00</span>
										</li>
									</ul>
									<span class="message">未包含运费</span>
									<p class="btnarea">
										<a href="/html/cart.html">返回购物车>></a>
										<button type="submimt" class="btn-order">提交订单</button>
									</p>
								</div>
							</td>
						</tr>
					</tbody>
				</table>

			</div>
		</div>
	</body>

</html>